<template>
  <div class="moreShop">
    <bast-banner :bastBanner="bastBanner"></bast-banner>
    <van-divider
      :style="{
        color: '#111',
        background: '#F5F5F5',
        borderColor: '#ccc',
        margin: '0px',
        height:'56px',
        'font-size':'18px',
      }"
    >
        <van-icon name="fire-o" />
        热门榜单
    </van-divider>
    <bast-list :bastList="bastList"></bast-list>
  </div>
</template>
<script>
import BastBanner from "@/components/BastBanner";
import BastList from "@/components/BastList";
export default {
  components: {
    BastBanner,
    BastList,
  },
  data() {
    return {
      bastBanner: [], //轮播图
      bastList: [], //内容
    };
  },

  created() {
    let num = this.$route.params.num;
    // console.log(this.$route.params.num);
    this.axios(
      `http://47.115.51.185/api/groom/list/${num}?page=1&limit=20`
    ).then((result) => {
      // console.log("更多商品数据==>", result);
      this.bastBanner = result.banner;
      this.bastList = result.list;
    });
  },
};
</script>
<style lang="less" scoped>
.moreShop{
    .bastBanner {
        margin-top: 0px;
    }
}

</style>